<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <meta name="description" content="">
    <meta name="keywords" content="">
    <title>Today's Fashion WooCommerce - Product Single</title>
    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <!-- Style CSS -->
    <link href="css/style.css" rel="stylesheet">
    <!-- Google Fonts -->
    <link href="https://fonts.googleapis.com/css?family=Hind+Siliguri:300,400,500,600,700" rel="stylesheet">
    <link rel="stylesheet" href="css/jquery-ui.css" type="text/css">
    <!-- FontAwesome CSS -->
    <link href="css/font-awesome.min.css" rel="stylesheet">
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<!-- search area -->

<body>
    <div class="collapse" id="search-area">
        <div class="search-bg">
            <div class="container">
                <div class="row">
                    <div class="col-md-offset-2 col-md-8 col-sm-offset-2 col-sm-8">
                        <div class="input-group">
                            <input type="text" class="form-control" placeholder="Search for...">
                            <span class="input-group-btn">
            <button class="btn btn-primary" type="button">Go!</button>
            </span> </div>
                        <!-- /input-group -->
                    </div>
                    <!-- /.col-lg-6 -->
                </div>
            </div>
        </div>
    </div>
    <!-- search area -->
    <!-- tob-bar-->
    <div class="top-bar">
        <div class="container">
            <div class="row">
                <div class="col-md-6 hidden-sm hidden-xs">
                    <div class="call-msg">
                        <p><span class="call-icon"><i class="fa fa-phone"></i></span>+1800-123-4567 / 7 days a week from 9:00 am to 7:00 pm.</p>
                    </div>
                </div>
                <div class="col-md-6 col-sm-6 col-xs-12">
                    <div class="top-nav">
                        <ul>
                            <li><a href="#">My Account </a></li>
                            <li> | </li>
                            <li><a href="#">Register</a></li>
                            <li>
                                <a role="button" data-toggle="collapse" href="#search-area" aria-expanded="false" aria-controls="search-area"> <i class="fa fa-search"></i> </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- /.top-bar-->
    <!-- header-section -->
    <div class="header-wrapper">
        <div class="container">
            <div class="row">
                <div class="col-lg-3 col-md-2 col-sm-12 col-xs-12">
                    <div class="logo"><a href="index.html"><img src="images/logo.png" alt=""></a></div>
                </div>
                <div class="col-lg-9 col-md-10 col-sm-12 col-xs-12">
                <!-- navigation-->
                    <div class="navigation">
                        <div id="navigation">
                            <ul>
                                <li class="active"><a href="index.html" title="Home">Home</a></li>
                                <li class="has-sub"><a href="#" title="men">Men</a>
                                    <ul>
                                        <li><a href="product-list.html" title="T-Shirts">T-Shirts</a></li>
                                        <li><a href="product-list.html" title="casual shirts">Casual Shirts</a></li>
                                        <li><a href="product-list.html" title="formal shirts">Formal Shirts</a></li>
                                        <li><a href="product-list.html" title="jeans">Jeans</a></li>
                                        <li><a href="product-list.html" title="casual shirts">Casual Trousers</a></li>
                                    </ul>
                                </li>
                                <li class="has-sub"><a href="#" title="men">Women</a>
                                    <ul>
                                        <li><a href="product-list.html" title="kurtas-kurtis-suits">kurtas-kurtis-suits</a></li>
                                        <li><a href="product-list.html" title="dresses-and-jumpsuits">dresses-and-jumpsuits</a></li>
                                        <li><a href="product-list.html" title="jeans-jeggings">jeans-jeggings</a></li>
                                        <li><a href="product-list.html" title="shapewear">Shapewear</a></li>
                                    </ul>
                                </li>
                                <li class="has-sub"><a href="#" title="Pages">Pages</a>
                                    <ul>
                                        <li><a href="product-list.html" title="product-list">product-list</a></li>
                                        <li><a href="product-single.html" title="product single">product single</a></li>
                                        <li><a href="about.html" title="about">about</a></li>
                                        <li><a href="cart.html" title="cart">cart</a></li>
                                        <li><a href="account.html" title="account">account</a></li>
                                        <li><a href="checkout.html" title="checkout">checkout</a> </li>
                                        <li><a href="404-error.html" title="404 error">404 error</a> </li>
                                        <li><a href="styleguide.html" title="Styleguide">styleguide</a> </li>
                                    </ul>
                                </li>
                                <li class="has-sub"><a href="blog-default.html" title="Blog ">Blog</a>
                                    <ul>
                                        <li><a href="blog-default.html" title="Blog">Blog Default</a></li>
                                        <li><a href="blog-single.html" title="Blog Single ">Blog Single</a></li>
                                    </ul>
                                </li>
                                <li><a href="contact-us.html" title="Contact Us">Contact Us</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <!-- navigation-close -->
                </div>
            </div>
        </div>
    </div>
    <!-- /.header-section -->
    <!-- page-header -->
    <div class="page-header">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                    <div class="page-section">
                        <div class="page-breadcrumb">
                            <ol class="breadcrumb">
                                <li><a href="#">Home</a></li>
                                <li>Product list</li>
                                <li>Product Single</li>
                            </ol>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- /.page-header -->
    <!-- product-single-->
    <div class="space-medium">
        <div class="container">
            <div class="row">
                <div class="col-lg-9 col-md-9 col-sm-8 col-xs-12">
                  <!-- product-description-->
                    <div class="row">
                        <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                            <div class="product-img mb30"><a href="#"><img src="./images/product-single.jpg" alt="" class="img-responsive"></a></div>
                        </div>
                        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                            <div class="product-single">
                                <h2>Evan</h2>
                                <p class="product-text">Plain Skirts</p>
                                <div class="product-rating">
                                    <span><i class="fa fa-star"></i></span>
                                    <span><i class="fa fa-star"></i></span>
                                    <span><i class="fa fa-star"></i></span>
                                    <span><i class="fa fa-star"></i></span>
                                    <span><i class="fa fa-star-o"></i></span>
                                </div>
                                <p class="product-price" style="font-size: 30px;">$10</p>
                                <div class="product-line"></div>
                                <div class="product-quantity">
                                    <div class="quantity">
                                        <input type="number" class="input-text qty text" step="1" min="1" max="" name="quantity" value="1" title="Qty" size="4" pattern="[0-9]*" inputmode="numeric">
                                    </div>
                                    <button type="submit" class="btn btn-primary">Add to cart</button>
                                </div>
                                <p>Fashion has always been so temporary &amp; uncertain. You can’t keep up with it.</p>
                                <div class="product-social"> <a href="#"><span><i class="fa fa-facebook"></i></span></a> <a href="#"><span><i class="fa fa-google-plus"></i></span> </a> <a href="#"><span class="active"><i class="fa fa-twitter"></i> </span></a> <a href="#"><span><i class=" fa fa-pinterest"></i> </span></a> <a href="#"><span><i class="fa fa-linkedin"></i></span></a> </div>
                                <div class="product-tag">
                                    <p><small class="product-tag-title">Tags:</small><a href="#">JUMPSUITS</a>,<a href="#">KNITWEAR</a>,<a href="#">OUTERWEAR</a>,<a href="#">SHORTS</a></p>
                                </div>
                            </div>
                        </div>
                    </div>
                     <!-- /.product-description-->
                       <!-- product-tab-->
                    <div class="row">
                        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                            <div class="st-tabs">
                                <!-- Nav tabs -->
                                <ul class="nav nav-tabs nav-justified" role="tablist">
                                    <li role="presentation" class="active"><a href="#tab-title-1" aria-controls="tab-title-1" role="tab" data-toggle="tab">Description</a></li>
                                    <li role="presentation"><a href="#tab-title-2" aria-controls="tab-title-2" role="tab" data-toggle="tab">Additional Information</a></li>
                                    <li role="presentation"><a href="#tab-title-3" aria-controls="tab-title-3" role="tab" data-toggle="tab">Reviews (02)</a></li>
                                </ul>
                                <!-- Tab panes -->
                                <div class="tab-content">
                                    <div role="tabpanel" class="tab-pane active" id="tab-title-1">
                                        <h3>Description</h3>
                                        <p>Pellentesque habitant morbi tristique senectuset netus etesenes malesuada fame turpis egesestibulum tortor quamfeugiat vitae on ultricies eget tempor sitametaonec eu libero sit amet quameser egestas semper. Aenean ultricies mi vitae est.irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatut occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                                    </div>
                                    <div role="tabpanel" class="tab-pane" id="tab-title-2">
                                        <h3>Additional Information</h3>
                                        <table class="table table-striped ">
                                            <caption>
                                                Optional table caption.
                                            </caption>
                                            <thead>
                                                <tr>
                                                    <th>#</th>
                                                    <th>Brands</th>
                                                    <th>Evan</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr>
                                                    <th scope="row">1</th>
                                                    <td>Manufacturer</td>
                                                    <td>India</td>
                                                </tr>
                                                <tr>
                                                    <th scope="row">2</th>
                                                    <td>Fit</td>
                                                    <td>Summer</td>
                                                </tr>
                                                <tr>
                                                    <th scope="row">3</th>
                                                    <td>Colors</td>
                                                    <td>Blue</td>
                                                </tr>
                                                <tr>
                                                    <th scope="row">4</th>
                                                    <td>Material</td>
                                                    <td>Silk</td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                    <div role="tabpanel" class="tab-pane" id="tab-title-3">
                                        <h3>Reviews</h3>
                                        <!--comments start-->
                                        <div class="comment-area">
                                            <div class="comment-title">
                                                <h3>(4)Comments</h3>
                                                <ul class="comment-list">
                                                    <li>
                                                        <div class="comment-author"> <img src="images/user-pic-1.jpg" alt="" class="img-responsive"> </div>
                                                        <div class="comment-info">
                                                            <div class="comment-header">
                                                                <h4>Maria Wynn</h4>
                                                                <div class="product-rating">
                                                                    <span><i class="fa fa-star"></i></span>
                                                                    <span><i class="fa fa-star"></i></span>
                                                                    <span><i class="fa fa-star"></i></span>
                                                                    <span><i class="fa fa-star"></i></span>
                                                                    <span><i class="fa fa-star-o"></i></span>
                                                                </div>
                                                            </div>
                                                            <div class="comment-content">
                                                                <p>Curabieet sitamet purus sed vestibulu ullam cursus, lacus eget pharetraium dui sed dius natoque penatibus et magnis dis parturiet the iaculis etiam.</p>
                                                            </div>
                                                        </div>
                                                    </li>
                                                </ul>
                                                <ul class="comment-list">
                                                    <li>
                                                        <div class="comment-author"><img src="images/user-pic-2.jpg" alt="" class="img-responsive"></div>
                                                        <div class="comment-info">
                                                            <div class="comment-header">
                                                                <h4>Ruby Simms</h4>
                                                                <div class="product-rating">
                                                                    <span><i class="fa fa-star"></i></span>
                                                                    <span><i class="fa fa-star"></i></span>
                                                                    <span><i class="fa fa-star"></i></span>
                                                                    <span><i class="fa fa-star"></i></span>
                                                                    <span><i class="fa fa-star-o"></i></span>
                                                                </div>
                                                            </div>
                                                            <div class="comment-content">
                                                                <p>Proin purus diam, tristique quis pharetra et, pellentesque et jngilorem ipsum dolro sit amet psumellam hendrerit nibh eget sagittis hendrerit.</p>
                                                            </div>
                                                        </div>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                        <br>
                                        <h3>Add A Review</h3>
                                        <p>YOUR RATING * &nbsp;
                                            <span><i class="fa fa-star"></i></span>
                                            <span><i class="fa fa-star"></i></span>
                                            <span><i class="fa fa-star"></i></span>
                                            <span><i class="fa fa-star"></i></span>
                                            <span><i class="fa fa-star-o"></i></span>
                                        </p>
                                        <div class="row">
                                            <form>
                                                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                                                    <div class="form-group">
                                                        <label class="control-label" for="name">Name<sup style="color:red">*</sup></label>
                                                        <input id="name" type="text" class="form-control" placeholder="Name" required="">
                                                    </div>
                                                    <div class="form-group">
                                                        <label class="control-label" for="email">Email<sup style="color:red">*</sup></label>
                                                        <input id="email" type="text" class="form-control" placeholder="Email" required="">
                                                    </div>
                                                </div>
                                                <div class="col-lg-12 col-md-12 col-sm-6 col-xs-12">
                                                    <div class="form-group">
                                                        <label class="control-label" for="textarea">Your Review</label>
                                                        <textarea class="form-control" id="textarea" name="textarea" rows="6" placeholder="Enter your Reviews"></textarea>
                                                    </div>
                                                    <button id="singlebutton" name="singlebutton" class="btn btn-primary btn-sm">Submit</button>
                                                    <p style="color: red;margin-top: 20px; ">* required fields</p>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>

                            </div>
                             <!-- /.product-tab-->
                        </div>
                    </div>
                    <br>
                      <!-- product-list-->
                    <h3>Related Products</h3>
                    <p>The best of global brands, at your doorstep!</p>
                    <div class="row">
                        <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
                            <div class="product-block">
                                <div class="product-img"><a href="#"><img src="./images/new-product-1.jpg" alt="" class="img-responsive"></a></div>
                                <div class="product-content">
                                    <h4 class="product-title"><a href="#">Zima leto</a></h4>
                                    <p class="product-text">Solid A-Line Dress</p>
                                    <p class="product-price">$50</p>
                                    <div class="product-links">
                                        <ul>
                                            <li><a href="#"><i class="fa fa-heart"></i></a></li>
                                            <li><a href="#"><i class="fa fa-shopping-cart"></i></a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                          <!-- /.product-list-->
                            <!-- product-list-->
                        <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
                            <div class="product-block">
                                <div class="product-img"><a href="#"><img src="./images/new-product-2.jpg" alt="" class="img-responsive"></a></div>
                                <div class="product-content">
                                    <h4 class="product-title"><a href="#">Purple Feathers</a></h4>
                                    <p class="product-text">Pencil Skirts</p>
                                    <p class="product-price">$30</p>
                                    <div class="product-links">
                                        <ul>
                                            <li><a href="#"><i class="fa fa-heart"></i></a></li>
                                            <li><a href="#"><i class="fa fa-shopping-cart"></i></a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                          <!-- /.product-list-->
                            <!-- product-list-->
                        <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
                            <div class="product-block">
                                <div class="product-img"><a href="#"><img src="./images/new-product-3.jpg" alt="" class="img-responsive"></a></div>
                                <div class="product-content">
                                    <h4 class="product-title"><a href="#">puma</a></h4>
                                    <p class="product-text">Women Regular Shorts</p>
                                    <p class="product-price">$20</p>
                                    <div class="product-links">
                                        <ul>
                                            <li><a href="#"><i class="fa fa-heart"></i></a></li>
                                            <li><a href="#"><i class="fa fa-shopping-cart"></i></a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                          <!-- /.product-list-->
                    </div>
                </div>
                <div class="col-lg-3 col-md-3 col-sm-4 col-xs-12">
                    <!-- widget-search-start -->
                    <div class=" widget widget-search">
                        <form>
                            <div class="search-form">
                                <input type="text" class="form-control" placeholder="Search Here">
                                <button type="Submit"><i class="fa fa-search"></i></button>
                            </div>
                        </form>
                    </div>
                    <!-- widget-search-close -->
                    <!-- widget-categories-start -->
                    <div class=" widget widget-categories">
                        <h2 class="widget-title">Categories</h2>
                        <ul class="angle angle-right">
                            <li><a href="#">Tops (20)</a></li>
                            <li><a href="#">Tshirts (21)</a></li>
                            <li><a href="#">Shirts (16)</a></li>
                            <li><a href="#">Dresses (13)</a></li>
                            <li><a href="#">Jeans (12)</a></li>
                        </ul>
                    </div>
                    <!-- widget-categories-close -->
                    <!-- widget-filter-start -->
                    <div class=" widget widget-ranger">
                        <h2 class="widget-title">Filter by Price</h2>
                        <div class="slide-ranger">
                            <p id="slider-range-min" class="ui-slider ui-corner-all ui-slider-horizontal ui-widget ui-widget-content">
                            </p>
                            <input type="text" id="amount" readonly="" class="form-control">
                        </div>
                    </div>
                    <!-- widget-filter-close -->
                    <!-- widget-recent-post-start -->
                    <div class="widget widget-recent-product">
                        <h2 class="widget-title">Recent Products</h2>
                          <!-- product-start-->
                        <div class="recent-product">
                            <div class="recent-product-img">
                                <img src="./images/ft-post-1.jpg" alt="" class="img-responsive"></div>
                            <div class="recent-product-content">
                                <h4><a href="#" class="recent-product-title">Zima leto</a></h4>
                                <div class="recent-product-rating">
                                    <span><i class="fa fa-star"></i></span>
                                    <span><i class="fa fa-star"></i></span>
                                    <span><i class="fa fa-star"></i></span>
                                    <span><i class="fa fa-star"></i></span>
                                    <span><i class="fa fa-star-o"></i></span>
                                </div>
                                <div class="recent-product-price">$50</div>
                            </div>
                        </div>
                                <!-- product-close-->
                                        <!-- product-start-->
                        <div class="recent-product">
                            <div class="recent-product-img">
                                <img src="./images/ft-post-2.jpg" alt="" class="img-responsive"></div>
                            <div class="recent-product-content">
                                <h4><a href="#" class="recent-product-title">Puma</a></h4>
                                <div class="recent-product-rating">
                                    <span><i class="fa fa-star"></i></span>
                                    <span><i class="fa fa-star"></i></span>
                                    <span><i class="fa fa-star"></i></span>
                                    <span><i class="fa fa-star"></i></span>
                                    <span><i class="fa fa-star-o"></i></span>
                                </div>
                                <div class="recent-product-price">$30</div>
                            </div>
                        </div>
                                <!-- product-close-->
                                        <!-- product-start-->
                        <div class="recent-product">
                            <div class="recent-product-img">
                                <img src="./images/ft-post-3.jpg" alt="" class="img-responsive"></div>
                            <div class="recent-product-content">
                                <h4><a href="#" class="recent-product-title">Sera</a></h4>
                                <div class="recent-product-rating">
                                    <span><i class="fa fa-star"></i></span>
                                    <span><i class="fa fa-star"></i></span>
                                    <span><i class="fa fa-star"></i></span>
                                    <span><i class="fa fa-star"></i></span>
                                    <span><i class="fa fa-star-o"></i></span>
                                </div>
                                <div class="recent-product-price">$20</div>
                            </div>
                        </div>
                                <!-- product-close-->
                    </div>
                    <!-- widget-recent-post-close-->
                </div>
            </div>
        </div>
    </div>
   <!-- footer start -->
    <div class="footer">
        <div class="container">
            <div class="row">
                <!-- footer-contactinfo-start -->
                <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
                    <div class="footer-widget">
                        <div class="mb30"><img src="./images/ft-logo.png" alt=""></div>
                        <p>Today Fashion is a Storefront WooCommerce Website Template</p>
                        <div class="">
                            <ul>
                                <li>
                                    <div class="footer-icon"><i class="fa fa-map-marker"></i></div>
                                    <div class="footer-address">1250 Mark Avenue Palace, Ahmedabad - India</div>
                                </li>
                                <li>
                                    <div class="footer-icon"><i class="fa fa-envelope-open"></i></div>
                                    <div class="footer-address">info@shinecleaningservice.com</div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <!-- footer-contactinfo-close -->
                <!-- footer-useful links-start -->
                <div class=" col-lg-2 col-md-2 col-sm-6 col-xs-12">
                    <div class="footer-widget">
                        <h3 class="footer-title">Quick Links</h3>
                        <ul class="angle angle-right">
                            <li><a href="#">Home </a></li>
                            <li><a href="#">Men </a></li>
                            <li><a href="#">Women</a></li>
                            <li><a href="#">About us </a></li>
                            <li> <a href="#">blog</a></li>
                        </ul>
                    </div>
                </div>
                <!-- footer-useful links-close -->
                <!-- footer-product-list-start -->
                <div class=" col-lg-3 col-md-3 col-sm-6 col-xs-12">
                    <div class="footer-widget">
                        <h3 class="footer-title">Latest Product</h3>
                        <div class="ft-product">
                            <div class="ft-product-img">
                                <a href="#"> <img src="./images/ft-post-1.jpg" alt="" class="img-responsive"></a>
                            </div>
                            <div class="ft-product-content">
                                <h4><a href="#" class="ft-product-title">Zima leto</a></h4>
                                <div class="ft-product-rating">
                                    <span><i class="fa fa-star"></i></span>
                                    <span><i class="fa fa-star"></i></span>
                                    <span><i class="fa fa-star"></i></span>
                                    <span><i class="fa fa-star"></i></span>
                                    <span><i class="fa fa-star-o"></i></span>
                                </div>
                                <div class="ft-product-price">$50</div>
                            </div>
                        </div>
                        <div class="ft-product">
                            <div class="ft-product-img">
                                <a href="#"> <img src="./images/ft-post-2.jpg" alt="" class="img-responsive"></a></div>
                            <div class="ft-product-content">
                                <h4><a href="#" class="ft-product-title">Puma</a></h4>
                                <div class="ft-product-rating">
                                    <span><i class="fa fa-star"></i></span>
                                    <span><i class="fa fa-star"></i></span>
                                    <span><i class="fa fa-star"></i></span>
                                    <span><i class="fa fa-star"></i></span>
                                    <span><i class="fa fa-star-o"></i></span>
                                </div>
                                <div class="ft-product-price">$30</div>
                            </div>
                        </div>
                        <div class="ft-product">
                            <div class="ft-product-img">
                                <a href="#"><img src="./images/ft-post-3.jpg" alt="" class="img-responsive"></a></div>
                            <div class="ft-product-content">
                                <h4><a href="#" class="ft-product-title">Sera</a></h4>
                                <div class="ft-product-rating">
                                    <span><i class="fa fa-star"></i></span>
                                    <span><i class="fa fa-star"></i></span>
                                    <span><i class="fa fa-star"></i></span>
                                    <span><i class="fa fa-star"></i></span>
                                    <span><i class="fa fa-star-o"></i></span>
                                </div>
                                <div class="ft-product-price">$20</div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- footer-product-list-close -->
                <!-- footer-newsletter-start -->
                <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12 ">
                    <div class="footer-widget">
                        <h3 class="footer-title">Subscribe Newsletter</h3>
                        <p>Enter your email address for our mailing list to keep yourself updated.</p>
                        <!-- Text input-->
                        <form>
                            <div class="newsletter-form">
                                <input type="text" class="form-control" placeholder="Search Here">
                                <button type="Submit"><i class="fa fa-paper-plane-o"></i></button>
                            </div>
                        </form>
                    </div>
                    <!-- /input-group -->
                </div>
                <!-- footer-newsletter-close -->
            </div>
            <!-- tiny- footer-start -->
            <div class="tiny-footer">
                <div class="row">
                    <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12 mt20">© 2020. All Rights Reserved. Privacy Policy</div>
                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 mt20">
                        <div class="footer-social"> <a href="#"><span><i class="fa fa-facebook"></i></span></a> <a href="#"><span><i class="fa fa-google-plus"></i></span> </a> <a href="#"><span class="active"><i class="fa fa-twitter"></i> </span></a> <a href="#"><span><i class=" fa fa-pinterest"></i> </span></a> <a href="#"><span><i class="fa fa-linkedin"></i></span></a> </div>
                    </div>
                    <div class="col-lg-5 col-md-5 col-sm-12 col-xs-12 mt20">
                        <div class="footer-pcard"> <a href="#"><span><i class="fa fa-cc-paypal"></i></span></a> <a href="#"><span><i class="fa fa-cc-mastercard"></i></span> </a> <a href="#"><span class="active"><i class="fa fa-cc-visa"></i> </span></a> <a href="#"><span><i class="fa fa-cc-discover "></i> </span></a> </div>
                    </div>
                </div>
            </div>
            <!-- tiny-footer-close -->
        </div>
    </div>
    <!-- footer close -->
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="js/jquery.min.js" type="text/javascript"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js" type="text/javascript"></script>
    <script src="js/menumaker.js" type="text/javascript"></script>
    <script type="text/javascript" src="js/jquery.sticky.js"></script>
    <script type="text/javascript" src="js/sticky-header.js"></script>
    <script type="text/javascript" src="js/jquery-ui.js"></script>
  

    <script>
  $( function() {
    $( "#slider-range-min" ).slider({
      range: true,
      min: 0,
      max: 500,
      values: [ 75, 300 ],
      slide: function( event, ui ) {
        $( "#amount" ).val( "$" + ui.values[ 0 ] + " - $" + ui.values[ 1 ] );
      }
    });
    $( "#amount" ).val( "$" + $( "#slider-range" ).slider( "values", 0 ) +
      " - $" + $( "#slider-range" ).slider( "values", 1 ) );
  } );
  </script>
</body>

</html>